<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<!-- Viewport metatags -->
		<meta name="HandheldFriendly" content="true" />
		<meta name="MobileOptimized" content="320" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<!-- iOS webapp metatags -->
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />

		<!-- iOS webapp icons -->
		<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
		<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
		<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-retina.png" />

		<!-- CSS Reset -->
		<link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
		<!--  Fluid Grid System -->
		<link rel="stylesheet" type="text/css" href="css/fluid.css" media="screen" />
		<!-- Theme Stylesheet -->
		<link rel="stylesheet" type="text/css" href="css/dandelion.theme.css" media="screen" />
		<!--  Main Stylesheet -->
		<link rel="stylesheet" type="text/css" href="css/dandelion.css" media="screen" />
		<!-- Demo Stylesheet -->
		<link rel="stylesheet" type="text/css" href="css/demo.css" media="screen" />

		<!-- jQuery JavaScript File -->
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

		<!-- jQuery-UI JavaScript Files -->
		<script type="text/javascript" src="jui/js/jquery-ui-1.8.20.min.js"></script>
		<script type="text/javascript" src="jui/js/jquery.ui.timepicker.min.js"></script>
		<script type="text/javascript" src="jui/js/jquery.ui.touch-punch.min.js"></script>
		<link rel="stylesheet" type="text/css" href="jui/css/jquery.ui.all.css" media="screen" />

		<!-- Plugin Files -->

		<!-- FileInput Plugin -->
		<script type="text/javascript" src="js/jquery.fileinput.js"></script>
		<!-- Placeholder Plugin -->
		<script type="text/javascript" src="js/jquery.placeholder.js"></script>
		<!-- Mousewheel Plugin -->
		<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
		<!-- Scrollbar Plugin -->
		<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
		<!-- Tooltips Plugin -->
		<script type="text/javascript" src="plugins/tipsy/jquery.tipsy-min.js"></script>
		<link rel="stylesheet" href="plugins/tipsy/tipsy.css" />

		<!-- Core JavaScript Files -->
		<script type="text/javascript" src="js/core/dandelion.core.js"></script>

		<title>静态测试</title>
	</head>

	<body>
		<div id="da-wrapper" class="fluid">
			<!-- Header -->
			<div id="da-header">
				<div id="da-header-top">
					<!-- Container -->
					<div class="da-container clearfix">
						<!-- Logo Container. All images put here will be vertically centere -->
						<div id="da-logo-wrap">
							<div id="da-logo">
								<div id="da-logo-img">
									<a href="index.html">
										<img src="images/logo.png" alt="WEN" />
									</a>
								</div>
							</div>
						</div>

						<!-- Header Toolbar Menu -->
						<div id="da-header-toolbar" class="clearfix">
							<div id="da-user-profile">
								<div id="da-user-avatar">
									<img src="images/pp.jpg" alt="" />
								</div>
								<div id="da-user-info">文
									<span class="da-user-title">试试中文（这里可以放上次登录时间？）</span>
								</div>
								<ul class="da-header-dropdown">
									<li class="da-dropdown-caret">
										<span class="caret-outer"></span>
										<span class="caret-inner"></span>
									</li>
									<li class="da-dropdown-divider"></li>
									<li><a href="#">修改密码</a></li>
								</ul>
							</div>
							<div id="da-header-button-container">
								<ul>
									<li class="da-header-button logout">
										<a href="login.html">退出</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

				<div id="da-header-bottom">
					<!-- Container -->
					<div class="da-container clearfix">
						<!-- Breadcrumbs -->
						<div id="da-breadcrumb">
							<ul>
								<li class="active"><span><img src="images/icons/black/16/home.png"  alt="Home" />主页</span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- Content -->
			<div id="da-content">
				<!-- Container -->
				<div class="da-container clearfix">
					<!-- Sidebar -->
					<div id="da-sidebar-separator"></div>
					<div id="da-sidebar">
						<!-- Main Navigation -->
						<div id="da-main-nav" class="da-button-container">
							<ul>
								<li class="active"><span>主页</span></li>
								<li><span>表格</span>
									<ul class="closed">
										<li><a href="table.html">table</a></li>
										<li><a href="#">报表</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>

					<!-- Main Content Wrapper -->
					<div id="da-content-wrap" class="clearfix">
						<!-- Content Area -->
						<div id="da-content-area">
							<div class="grid_4">
								<div class="da-panel-widget">
									<p align="center">主页</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Footer -->
			<div id="da-footer">
				<div class="da-container clearfix">
					<p>Cocas 2015 @ WEN. V1.0.0. All Rights Reserved!</p>
				</div>
			</div>
		</div>
	</body>

</html>